<template>
  <q-page padding>
    <!-- content -->
    <div>
      <q-breadcrumbs>
        <q-breadcrumbs-el label="后台管理" />
        <q-breadcrumbs-el :label="title" />
      </q-breadcrumbs>
    </div>
    <div class="row q-col-gutter-md">
      <router-link
        class="nounderline col-sm-6 col-xs-12"
        v-for="(item, index) in toolList"
        :key="index"
        :to="item.url"
      >
        <q-card class="my-card">
          <q-card-section class="text-center">
            <q-icon :name="item.icon" size="5rem" color="primary" />
          </q-card-section>
          <q-card-section class="text-center">
            <q-btn flat color="primary" :label="item.name" style="flat" />
          </q-card-section>
        </q-card>
      </router-link>
    </div>
  </q-page>
</template>

<script>
import constDef from 'assets/js/const'
export default {
  // name: 'PageName',
  data () {
    return {
      title: '添加文章',
      toolList: [
        {
          name: '新建文章',
          url: constDef.addNodeToolUrls.ADD_NODE_TYPE,
          icon: 'add'
        },
        {
          name: '新建文章类型',
          url: constDef.addNodeToolUrls.ADD_NODE,
          icon: 'more'
        }
      ]
    }
  }
}
</script>
<style scoped>
a.nounderline,
.nounderline a {
  text-decoration: none;
}
</style>
